.medium-zoom-overlay {
  z-index: 9999 !important;
}

.medium-zoom-image--opened {
  z-index: 99999 !important;
}

.d-custom-toast-warning {
  background-color: #9d5b8b;
  color: #ffffff;
}

.d-header header {
  backdrop-filter: saturate(100%) blur(24px) !important;
}

html {
  scroll-padding-top: 55px !important;
}

/*html {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
/*html {*/
/*  scroll-behavior: inherit!important;*/
/*}*/
.d-gotoHome {
  color: #00a0d8;
}

a {
  text-decoration: none;
  color: inherit;
}

.Vue-Toastification__container.top-right {
  margin-top: 40px;
}

.is-active-link::before {
  background-color: #38b48b !important;
}

/*.toc-link::before {*/
/*    background-color: v-bind(tocLinkColor);*/
/*    !*content:' ';*!*/
/*    !*display:inline-block;*!*/
/*    !*height:inherit;*!*/
/*    !*left:0;*!*/
/*    !*margin-top:-1px;*!*/
/*    !*position:absolute;*!*/
/*    width: 4px*/
/*}*/

::-webkit-scrollbar {
  width: 10px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-style: dashed;
  border-color: transparent;
  border-width: 2px;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #8f8f8f !important;
}

::-webkit-scrollbar-thumb {
  background-color: #8f8f8f !important;
  /*background-color: rgba(157, 165, 183, 0.4);*/
  /*background-color: v-bind('theme.global.name.value === "dark" ? "#9da5b7" : "#8f8f8f"') !important;*/
  /*background-image: -webkit-linear-gradient(45deg, hsla(0, 0%, 100%, .4) 100%, transparent 0, transparent 0, hsla(0, 0%, 100%, .4) 0, hsla(0, 0%, 100%, .4) 75%, transparent 0, transparent);*/
  border-radius: 2em !important;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 2em !important;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/*.d-code-copy {*/
/*  position: absolute;*/
/*  top: 10%;*/
/*  left: 95%;*/
/*}*/

.d-code-copy {
  /*position: absolute;*/
  /*top: 40px;*/
  /*left: 95%;*/
  float: right;
  margin-right: 20px;
}

code ul li {
  list-style-type: none !important;
}

/*修改行号列样式*/
.hljs-ln-numbers {
  text-align: center;
  color: #ccc;
  border-right: 1px solid #ccc;
  vertical-align: top;
  padding-right: 5px !important;

  /* your custom style here */
}

/* 修改代码列样式 */
.hljs-ln-code {
  padding-left: 5px !important;
}

.list-move, /* 对移动中的元素应用的过渡 */
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}

.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}

/* 确保将离开的元素从布局流中删除
  以便能够正确地计算移动的动画。 */
.list-leave-active {
  position: absolute;
}


.vel-modal {
  background: rgb(0 0 0 / 70%)!important;
}

.towLine{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.oneLine{
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}